---
type: tutorial
unitTitle: Stich in See zu den Astro-Islands
title: 'Lege los: Lektion 6 – Astro-Islands'
description: |-
  Tutorial: Erstelle deinen ersten Astro-Blog —
  Verwende Astro-Islands, um Komponenten von Frontend-Frameworks zu deiner Astro-Website hinzuzufügen.
i18nReady: true
head:
  - tag: title
    content: 'Blog-Tutorial: Lektion 6 – Astro-Islands | Docs'
---

import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';

Jetzt, da du einen vollständig funktionsfähigen Blog hast, ist es an der Zeit, deiner Website einige interaktive Islands hinzuzufügen!

## Ein Blick nach vorne

In dieser Lektion verwendest du **Astro-Islands (Insel(n))**, um Komponenten von Frontend-Frameworks zu deiner Astro-Website hinzuzufügen. 

Du wirst:

- Ein UI-Framework, **Preact**, zu deinem Astro-Projekt hinzufügen  
- Mit Preact eine interaktive Begrüßungskomponente erstellen  
- Lernen, wann du dich _nicht_ für Islands zur Interaktivität entscheiden würdest

<Box icon="check-list">

## Checkliste

<Checklist>
- [ ] Ich bin bereit, meiner Website etwas Interaktivität zu verleihen – und das „Island“-Leben zu beginnen!
</Checklist>
</Box>
